<template>
	<span
		class="inline-flex justify-center items-center whitespace-nowrap cursor-pointer app-font-bold app-font-num">
		<!-- <base-currency v-if="!hideCurrency" :currency="currency || appStore.currency" /> -->
		<span>${{ amountToK(value, precision) }}</span>
	</span>
</template>
<script setup lang="ts">
import { amountToK } from '@/utils'
// import { BaseCurrency } from '@/components/base'
// import { useAppStore } from '@/store'

// const appStore = useAppStore()
defineProps({
	value: {
		type: [Number, String],
		default: ''
	},
	currency: {
		type: String
	},
	currencySymbol: {
		type: String,
		default: undefined
	},
	hideCurrency: {
		type: Boolean,
		default: false
	},
	precision: {
		type: Number,
		default: 2
	}
})
</script>
